<template>
	<div id="div">
			<div id="top" >
				<table>
					<tr>
					<td><a href="#">关注</a></td>
					<td><a href="fensi.html">粉丝</a></td>
					</tr>
			    </table>
				<div id="top1"> <img src="../assets/staff.jpg"></div>
				<div id="top2">
					<input type="text" name="search" value="搜 索 用 户 备 注 或 名 字">
				</div>
			</div>
			<div id="main">
				<table>
					<tr>
						<td align="right" ><img src="../assets/prc.png"></td>
						<td>精彩影视剪辑<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a></td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>一杯凉白开<br>开心每一天 </td>
						<td  align="center"><a href="#">关注</a></td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>凌凌漆<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a></td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>鑫晨热报<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a></td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>静静<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a></td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>精彩影视剪辑<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a></td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>一杯凉白开<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>央视新闻<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>丸子同学<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>一杯凉白开<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>央视新闻<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>丸子同学<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>一杯凉白开<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>央视新闻<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>丸子同学<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
					<tr>
						<td align="right"><img src="../assets/prc.png"></td>
						<td>央视新闻<br>开心每一天</td>
						<td  align="center"><a href="#">关注</a> </td>
					</tr>
				</table>
			</div>
		</div>
</template>

<script>
</script>

<style>
		#div{
			width:900px;
			height:1100px;
			background:black;
			}
		#top{
			width:900px;
			height:100px;
			background:black;
			}
		#top table tr td{
			width:450px;
			height:50px;
			text-align:center;
			border-bottom:1px solid black;
			}
		#top table tr td:hover{
	         border-bottom:1px solid yellow;
			}
		#top table tr td a{
	       color:white;
		   	text-decoration:none;
			}
		#top1 img{
			 width:60px;
			 height:45px;
			 float:left;
			}
		 #top2 input{
			width:835px;
			height:43px;
			float:left;
			background:#5f5f5f;
			border:none;
			outline:none;
			}
		#main{
			width:900px;
			height:1000px;
			
		}
		#main table tr td{
			width:200px;
			color:white;
			}
		#main table tr td img{
			border-radius:50%;
			}
		#main table tr td a{
			display:block;
			width:70px;
			height:30px;
			text-decoration:none;
			text-align:center;
			color:white;
		   background:#5f5f5f;
		   line-height:2;
			}
	</style>
</style>
